@import './variable.scss'; // css变量

/* header */
.header{
  // display: flex;
  position:relative; z-index: 1400;
  margin: 0 auto;
  width:7.5rem;
  height: $headerH;
  line-height: $headerH;color:#333;font-size:.3rem;align-items:center;
  justify-content:center;
  background:#fff;
  border-bottom: 1px solid #fbf8f8;
  &.hasBoxShadow{
    //box-shadow:0 0 5px 0 rgba(214,218,226,1);
  }
  .wrap{
    position: relative;
  }

  .role-name{
    display: inline-block;
    max-width: 1.01rem;
    font-size: 0.25rem;
    margin-left: .2rem;
    margin-right: .1rem;
  }
  .icon-arrow-box-left,
  .icon-arrow-box-right{
    position:absolute;top:0;
    width: 2rem;
    font-size:.3rem;
  }
  .icon-arrow-box-left{
    left:0;
    width: 2.2rem;
    text-align: left;
    .icon-switch{
      line-height: 0.35rem;
      font-size:.25rem; text-align: center;
    }
    .icon-login-btn{
      line-height: .8; font-size: .5rem;
    }
    .icon-fanhui{
      font-size:.3rem; font-weight: bold;
    }
  }
  .icon-arrow-box-right{
    right:.2rem;
    text-align: right;
    .iconfont{
      line-height:1; font-size:.4rem;
    }
  }
  .icon-arrow{ margin-top:.6rem; width:0.5rem; }
  .title{
    width:100%;
    text-align:center; font-size:.34rem;
  }
  .icon-fabukuaijiejian{
    font-size: 0.40rem;
  }
  $iconWH:.55rem;
  .icon-protrait{
    width: $iconWH;
    height: $iconWH;
    border-radius: 50%;
  }
}
.header-static{
  position: relative;
}
.version-2 .header{
  .iconfont.icon-arrow-box-right {
      font-size: .3rem;
  }

}
